2.3 Frontend Web Technologies - Overview
- How to describe the structure, i.e., content of HTML elements, of web documents - HTML
- Do you know what HTML stands for? Names always have meaning.
- What is the main purpose of HTML?
- What is HTML5?
- Read the first three paragraphs in
HTML5.
- How to describe the presentation of web documents - CSS
- Do you know what CSS stands for?
- What is the main purpose of CSS?
- What is CSS3?
- How to allow programs to dynamically access/update the content, structure and style of documents - DOM
- What does DOM stand for?
- What is the main purpose of DOM?
- How to dynamically access/update the content, structure and style of documents - JavaScript
- What is the purpose of JavaScript?
- Read 'The purpose of JavaScript is to solve this problem' in
What is JavaScript Used For?.
- Read all in JavaScript and HTML
to find how they work together!
- How to connect HTML objects to JavaScript? How to access HTML objects from JavaScript?
- Basically JavaScript code reacts to events such as mouse, keyboard, timer, and system.
- E.g., can you see the change of mouse pointer and the colors when you move the mouse? JavaScript is used in the web program to react the mouse movement.
- How to keep data - database systems
- Learning outcomes
- Explain the roles of HTML.
- Explain the roles of CSS.
- Explain how CSS can be used to control HTML objects.
- Explain what DOM is.
- Explain how JavaScript can be used user interaction.